<%@page import="java.util.Date"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%
    java.text.SimpleDateFormat formatter = new java.text.SimpleDateFormat("yyyy年MM月dd日");
    Date date=new Date();
    String time=formatter.format(date).toString();
    		%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>当前订单</title>
    <link rel="stylesheet" href="../css/commit.css" type="text/css">
    <link rel="stylesheet" href="../css/order.css" type="text/css">
    <link rel="icon" href="../images/icon.jpg" type="image/x-icon">
    <script src="../js/jquery-3.1.1.min.js"></script>
</head>
<body>
<%
String username=request.getParameter("userName");
%>
<div id="conntainer">
    <header id="box-head" class="clearfix">
        <div class="box-title">订单中心</div>
    </header>
    <section id="box-container" class="clearfix">
        <!--欢迎语句-->
        <div><span><%=session.getAttribute("userName") %></span>您好,今天是:<%=time %></div>
         <ul class="box-main">
             <li><a href="index.jsp">主页</a></li>
             <li><a href="Orderdetails.jsp">已提交订单</a></li>
         </ul>
        <table class="box-room" cellpadding="1" cellspacing="1" border="1">
            <tr>
                <th>编号</th>
                <th>规则</th>
                <th>价格/时段</th>
                <th>描述</th>
                <th>状态</th>
            </tr>
            <tr>
                <td>101</td>
                <td>单人标间</td>
                <td>100￥</td>
                <td>单人间，可宽带上网,浴室生生设备齐全</td>
                <td><a href="#">查看</a></td>
            </tr>
            <tr>
                <td>102</td>
                <td>单人标间</td>
                <td>100￥</td>
                <td>单人间，可宽带上网,浴室生生设备齐全</td>
                <td><a href="#">查看</a></td>
            </tr>
            <tr>
                <td>103</td>
                <td>单人标间</td>
                <td>100￥</td>
                <td>单人间，可宽带上网,浴室生生设备齐全</td>
                <td><a href="#">查看</a></td>
            </tr>
            <tr>
                <td>104</td>
                <td>单人标间</td>
                <td>100￥</td>
                <td>单人间，可宽带上网,浴室生生设备齐全</td>
                <td><a href="#">查看</a></td>
            </tr>
            <tr>
                <td>105</td>
                <td>单人标间</td>
                <td>100￥</td>
                <td>单人间，可宽带上网,浴室生生设备齐全</td>
                <td><a href="#">查看</a></td>
            </tr>
        </table>
        <div class="nav-tit">
            <ul >
                <li>上一页</li>
                <li>下一页</li>
            </ul>
        </div>
        <div class="qi-title">
            <h4>预订客房注意事项：</h4>
            <ol>
                <li>1.确保注册时填写电话和邮箱的正确性和可用性，我们会在您发出订单后，以这样的方式与<br/>
                    与您联系,处理订单相关事宜，对您成功预订有关的关键作用。
                </li>
                <li>2.只有注册登录的用户才能预订。</li>
                <li>3.入住时间为下午2点，退房时间为中午12点前，只接受一周内的预订。</li>
            </ol>
        </div>
    </section>
    <footer id="box-footer" class="clearfix">
    	<form method="post" action="ordyz.jsp">
            <div>类型
                <select name="id" >
                    <option value="101">101</option>
                    <option value="102">102</option>
                    <option value="103">103</option>
                    <option value="104">104</option>
                    <option value="105">105</option>
                </select>
            </div>
            <div>开始时间：
                <select name="year">
                    <option value="2018">2018</option>
                    <option value="2017">2017</option>
                    <option value="2016">2016</option>
                </select>
                年
                <select name="month">
                    <option value="01">1</option>
                    <option value="02">2</option>
                    <option value="03">3</option>
                    <option value="04">4</option>
                    <option value="05">5</option>
                    <option value="06">6</option>
                </select>
                月
                <select name="date">
                    <option value="11">11</option>
                    <option value="12">12</option>
                    <option value="13">13</option>
                    <option value="14">14</option>
                    <option value="15">15</option>
                    <option value="16">16</option>
                </select>
                日
            </div>
        <div>结束时间：
            <select name="years">
                <option value="2018">2018</option>
                <option value="2017">2017</option>
                <option value="2016">2016</option>
            </select>
            年
            <select name="months">
                <option value="01">1</option>
                <option value="02">2</option>
                <option value="03">3</option>
                <option value="04">4</option>
                <option value="05">5</option>
                <option value="06">6</option>
            </select>
            月
            <select name="dates">
                <option value="12">12</option>
                <option value="13">13</option>
                <option value="14">14</option>
                <option value="15">15</option>
                <option value="16">16</option>
            </select>
            日
        </div>
        <button type="submit">添加到订单</button>
      </form>
    </footer>
</div>
</body>
</html>